<template>
  <div>

    <!--<mt-header title="购物车">-->
      <!--<router-link to="/" slot="left">-->
        <!--<mt-button icon="back">返回</mt-button>-->
      <!--</router-link>-->
      <!--<mt-button icon="more" slot="right"></mt-button>-->
    <!--</mt-header>-->

    <div class="gray"></div>
    <div class="Big">
      <div class="D">
        <img src="../assets/ico1@1x.png" />
        <img src="../assets/z1.png" />
        <div>
          <p>Samsonite新秀丽 PASO系 列 纯PC拉链斜纹拉杆箱...</p>
          <p>已选择：太空银</p>
          <p>￥2200</p>
        </div>
      </div>
    </div>

    <div class="gray"></div>
    <div class="Big">
      <div class="D">
        <img src="../assets/ico1@1x.png" />
        <img src="../assets/z1.png" />
        <div>
          <p>Samsonite新秀丽 PASO系 列 纯PC拉链斜纹拉杆箱...</p>
          <p>已选择：太空银</p>
          <p>￥2200</p>
        </div>
      </div>
    </div>

    <div id="">
      <footer class="All">
        <div class="Gong_J">
          <p>合计</p>
          <p>共计1件,￥2200</p>
        </div>

        <div class="Footer">
          <img src="../assets/ico2@1x.png"/>
          <p>全选</p>
          <button>删除</button>
          <button v-on:click="fukuan">立即支付</button>
        </div>
      </footer>
    </div>
  </div>
</template>

<script>
  import Vue from 'vue';
  import Mint from 'mint-ui';
  import 'mint-ui/lib/style.css';
  import wx from 'weixin-js-sdk'
  import { wxHttpTool,wx_config, http_getParam, get_shopQrcoe,wx_share,wx_hideAllMenu } from '../components/httpUtil/httpUtil'
  import {msg_10046} from '../message/msg_10046'
  Vue.use(Mint);
  export default {
    name: "Shopping",
    data () {
      return {
      }
    },
    methods:{
      fukuan(){
        this.$router.push(
          {
            name:'Shopping_T',
          })
      }
    },
    created(){
      wxHttpTool.wxAuthor(this, function (varRet, varJson, varThis = this) {
        if (varRet == -1) {
          varThis.alertTip('网络错误');
          varThis.go = function () {
            varThis.showAlert = false;
          }

        }
        // 关注钱应该判断下是否已经关注过了
        msg_10046.send(varThis,msg_10046.entity(),function(varThis,res){
          varThis.wxlist=res.data.p.sign
          wx_config(varThis.wxlist);
          wx_hideAllMenu();
          wx.hideMenuItems({
            //禁用单独分享朋友圈QQ空间等功能
            menuList: ["menuItem:share:timeline","menuItem:share:QZone","menuItem:share:qq"] // 要隐藏的菜单项，所有menu项见附录3
          });
        })


      },this.type)
    }
  }
</script>
<style scoped lang="scss">
  body {
    background: #F4F4F4;
  }
  .mint-header {
    background: black;
  }
  .gray {
    width: 100%;
    height: 20px;
    background: #F4F4F4;
  }
  .Big {
    width: 100%;
    background: white;
  }
  .D{
    width: 100%;
    height: 224px;
    border-bottom: 1px solid #F4F4F4;
    display: flex;
  }
  .D>img:nth-of-type(1) {
    width: 34px;
    height: 34px;
    margin-left: 24px;
    margin-top: 95px;
  }

  .D>img:nth-of-type(2) {
    width: 146px;
    height: 146px;
    margin-left: 28px;
    margin-top: 33px;
  }

  .D>div:nth-of-type(1)>p:nth-of-type(1) {
    font-size: 28px;
    color: #3b3b43;
    line-height: 40px;
    margin-top: 32px;
    margin-left: 20px;
  }
  .D>div:nth-of-type(1)>p:nth-of-type(2) {
    font-size: 24px;
    color: #a1a1a1;
    margin-top: 10px;
    margin-left: 20px;
  }

  .D>div:nth-of-type(1)>p:nth-of-type(3) {
    font-size: 28px;
    color: #fd4c2e;
    margin-left: 20px;
    margin-top: 12px;
  }
  .Gong_J {
    width: 100%;
    height: 93px;
    background: white;
    display: flex;
    border-bottom: 1px solid #F4F4F4;
  }
  .Gong_J>p:nth-of-type(1)
  {
    font-size: 24px;
    color: #818790;
    margin-left: 30px;
    line-height: 93px;
  }
  .Gong_J>p:nth-of-type(2)
  {
    font-size:24px;
    color: #FD4C2E;
    line-height: 93px;
    margin-left: 352px;
  }
  .Footer
  {
    width: 100%;
    height: 92px;
    background: #FFFFFF;
    display: flex;
    border-bottom: 1px solid #F4F4F4;
  }
  .Footer>img
  {
    width:34px;
    height: 34px;
    margin-left:27px;
    margin-top:30px;
  }
  .Footer>p
  {
    font-size: 24px;
    color: #818790;
    margin-left:10px;
    line-height: 92px;
    width:50px;
  }
  .Footer>button:nth-of-type(1)
  {
    width:150px;
    height:100%;
    border: none;
    color: #FFFFFF;
    font-size:28px;
    margin-left:150px;
    background: #A1A1A1;
  }
  .Footer>button:nth-of-type(2)
  {
    width:240px;
    height: 100%;
    border: none;
    color: #FFFFFF;
    font-size:28px;
    background: #FD4C2E;
  }
  .Gong_J{
    position: fixed;
    bottom: 95px;
  }
  .All {
    position: fixed;
    bottom: 0;
    .Footer{
      p{
        width: 100px;
      }
    }
  }
</style>
